<html>
<header>
<meta charset="utf-8">
    <title>SISCON | Iniciar Sesi&oacute;n</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <!-- CSS va despues -->
	<link rel="stylesheet" href="../css/index_style.css">
	<link rel="stylesheet" href="../css/hero_unit.css">
	<link rel="stylesheet" href="../css/bootstrap-responsive.css">

  	<!-- Barra de navegacion -->
          <div id="nav" class="navbar navbar-fixed-top">
            
	

</header>

<body>
<div class="container">
            <div class="row">
                <div class="span8 offset2">
                    <div class="hero-unit">
                        <center><h1>Bienvenido a SISCON</h1>
                        <p>Sistema Integrador de Servicios para Consultas en Objetos Normativos</p></center>
                    </div>
                </div> <!-- /span -->
                    <div class="span4 offset4">
                   
                      <form class="well">
                        
                        <fieldset>
                          <h1>Iniciar Sesi&oacute;n</h1>
                            <div class="control-group">
                              <label class="control-label" for="user">Usuario</label>
                              <div class="controls">
                                <input id="user" name="user" type="text" class="input-medium">
                                <span class="help-inline" id="usuarioInfo"></span>
                              </div>
                            </div>
                              <div class="control-group">
                                <label class="control-label" for="password">Contrase&ntilde;a</label>
                                <div class="controls">
                                  <input id="password" name="password" type="password" class="input-medium">
                                  <span class="help-inline" id="passInfo"></span>
                                </div>
                              </div>


                              <button type="submit" class="btn btn-primary" id ="button">Entrar</button>
                               
                                <div id="message" class="alert" style="display:inline-block;visibility:hidden;">
                                  **MENSAJE**
                                </div>
                                </div>
                             
                          </fieldset>

                        </form>

                    </div> <!-- /span -->
            </div> <!-- /row -->
          </div> <!-- /container -->
		  </div><!-- /wrapper -->

    <script src="../js/lib/require-jquery.js"></script>
    <script type="text/javascript">
      require(['../js/common/common'], function (common) {
        require(['main-index']);
      });
    </script>
</body>
</html>
